<!DOCTYPE html>
<html lang="en">
<!--京东商城后台管理系统-->
<head>
    <meta charset="UTF-8">
    <title>京东商城后台管理系统</title>
    <link rel="stylesheet" href="js/bootstrap.min.css">
    <!--<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>-->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="row">
    <div class="col-md-2">
        <img src="images/logo-201305-b.png">
    </div>
    <div class="col-md-10">
        <h2 class="text-primary text-center">京东商城后台管理系统</h2>
    </div>
</div>

<div class="row"  style="background-color:#F5F5F5;">
    <!--侧边菜单-->
    <div class="col-md-2 text-center"  >
        <a href="#" class="list-group-item active">商品种类管理</a>
        <a href="sort1.html" class="list-group-item">添加商品种类</a>
        <a href="sort2.html" class="list-group-item">管理商品种类</a>
        <a href="sort3.html" class="list-group-item">商品品牌管理</a>
        <a href="sort4.html" class="list-group-item">商品品牌添加</a>
        <a href="#" class="list-group-item active">商品管理</a>
        <a href="product_add.html" class="list-group-item">商品添加</a>
        <a href="product_delete.html" class="list-group-item">商品删除</a>
        <a href="product_change.html" class="list-group-item">商品修改</a>
        <a href="product_select.html" class="list-group-item">商品查询</a>
        <a href="product_addImg.html" class="list-group-item">商品图片添加</a>
        <a href="#" class="list-group-item active">订单管理</a>
        <a href="orders_select.html" class="list-group-item">查看订单</a>
        <a href="orders_change.html" class="list-group-item">修改订单</a>
        <a href="#" class="list-group-item active">用户管理</a>
    </div>
    <div class="col-md-10">
        <!--面包屑导航-->
        <ol class="breadcrumb">
            <li><a href="#">首页</a></li>
            <li><a href="#">商品种类管理</a></li>
            <li><a href="#">管理一线商品种类</a></li>
            <!--<li class="active">十一月</li>-->
        </ol>
        <div  id="textChange"  style="margin-top: 130px;margin-right: 20px">
            <table class="table table-striped table-bordered text-center">
                <thead >
                <tr >
                    <th class="bg-primary text-center" width="15%">商品种类编号</th>
                    <th class="bg-primary text-center" width="15%">商品种类名称</th>
                    <th class="bg-primary text-center">商品种类描述</th>
                    <th class="bg-primary text-center" width="10%">操作</th>
                    <th class="bg-primary text-center" width="10%">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr >
                    <td style="vertical-align:middle;">Tanmay</td>
                    <td style="vertical-align:middle;">Bangalore</td>
                    <td style="vertical-align:middle;">560001</td>
                    <td><button type="button" class="btn btn-success">成功</button></td>
                    <td><button type="button" class="btn btn-danger">删除</button></td>
                </tr>
                <tr>
                    <td style="vertical-align:middle;">Sachin</td>
                    <td style="vertical-align:middle;">Mumbai</td>
                    <td style="vertical-align:middle;">400003</td>
                    <td><button type="button" class="btn btn-success">成功</button></td>
                    <td><button type="button" class="btn btn-danger">删除</button></td>
                </tr>
                <tr>
                    <td style="vertical-align:middle;">Uma</td>
                    <td style="vertical-align:middle;">Pune</td>
                    <td style="vertical-align:middle;">411027</td>
                    <td><button type="button" class="btn btn-success">成功</button></td>
                    <td><button type="button" class="btn btn-danger">删除</button></td>
                </tr>
                </tbody>
            </table>
        </div>

    </div>



</div>




</body>
</html>